﻿html,body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  background-image:url('../Images/ContentBack.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}


nav ul {
  margin:0px; padding:0px;
}

nav ul li {
  display:inline; margin:5px;
}


.error {
  border: 1px solid black;
  margin-bottom:10px;
  min-width:100%;
}

.error td{
  padding-left:30px;
}

.Anscontent{
  background-color:#ffffff;
  display: table;
  margin: 0 auto;
  max-width:1000px;
  width:88%;
  padding-bottom:20px;
}

.Anscontent header{
  color:#003D5C;
  font-family:Microsoft JhengHei;
  text-align:left;
  background-color:#E6E6E6;  
  padding-left:10px;
  padding-right:10px;
}

.Anscontent img{
  padding-top:10px;
  display: table;
  margin: 0 auto;
}

.ansdetail{
  padding-left:10px;
  padding-right:10px;
  line-height:25px
}

.banner {
  border:0px;
  background-image: url('../Images/Banner.jpg');
  height:150px;
  position: relative;
  display: flex;
}

.banner h1{
  margin:0px;
  color: white;
  text-shadow: 2px 2px 4px #000000;
}


.bannerlogo {
  border:0px;
  margin-right:15px;
  width :54px;
  height:63px;
}

.bannertitle {
  width:100%;
  text-align: center;
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  display:table;
  font-family:Microsoft JhengHei;
}

.blue{
  color:#0066FF;
}

#Containall {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

.copyright {
  text-align:center;
  width:100%;
  color: white;
}

#footer {
  position: relative;
  margin-top: -80px;/*等於footer的高度*/
  height: 80px;
  clear:both;					
  text-align:center;
  background-color:#003D5C;
  border:0px;
  font-size:0.8em;
  width:100%;
}

.Italics{
  font-style: italic;
  color:#7A2900;
  line-height:50px; 
}

.search{
  text-align:right;
  vertical-align:top;
  width:100%; 
  position: relative;
  margin:auto;
  padding:10px 20px;
}


.mainmenu {
  padding-top:50px;
  max-width:700px;
  display: table;
  margin: 0 auto;
}

.mainmenu figure {
  text-align:center;
  display:inline-block;
  margin:0px;
  margin-bottom:10px;
}

.mainmenu img {
  border:0px;
  width :210px;
  height:160px;
}
  
.notice{
  color:red;
  line-height:50px; 
}

#pagecontent{
  padding-bottom: 80px;
  width: 88%;
  display: table;
  margin: 0 auto;
}

.Question{
  color:#003D5C;
  font-family:Microsoft JhengHei;
  display: table;
  margin: 0 auto;
  padding-top:20px;
}

.QuestionList{
  height:100px;
}

.QuestionList header{
  color:#003D5C;
  font-family:Microsoft JhengHei;
  border-bottom:#B2B2B2 5px solid;
  padding-left:20px;
  padding-top:5px;
}

.QuestionList li{
  margin:15px;
}

.step{
  line-height:50px;
}

.tablestyle{
  border-collapse:collapse;
}

.tablestyle b{
  color:#0066FF;
}

.tablestyle td, th {
  border: 1px solid black;
}

.yellow{
  background-color:#FFFFCC;
}

.Parameter-setting{
  border-collapse:collapse;
}

.Parameter-setting th{
  background-color:#6077a2;
  color:white;
  border:solid 1px white;
}

.parameter-setting td{
  background-color:#dbe3ee;
  border:solid 1px white;
}


.redtext{
color:red;
}